<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>面板</title>
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {margin:30px; padding:30px;}
</style>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
</head>

<body>

<div class="panel panel-default">
    <div class="panel-heading">图解CSS</div>
	<div class="panel-body">详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性
	</div>
    <table class="table table-bordered" >
    	<thead>
			<tr>
				<th>＃</th>
				<th>我的书</th>
				<th>发布时间</th>
			</tr>
		</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>《图解CSS3》</td>
			<td>2014-07-10</td>
		</tr>
	</tbody>
    </table>
    <div>
    <ul class="list-group">
		<li class="list-group-item">我是列表项</li>
		<li class="list-group-item">我是列表项</li>
		<li class="list-group-item">我是列表项</li>
	</ul>
    </div>
    
	<div class="panel-footer">作者：大漠</div>
</div>
</body>
</html>
